import styled from 'styled-components'

export const FooterAction = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  bottom: 0;
`

export const TextDescriptionWrapper = styled.div`
  display: flex;
  align-items: center;
`

export const TextDescription = styled.div`
  display: flex;
  align-items: center;
  label {
    font-size: 14px;
    color: #8c8c8c;
  }
  span {
    font-size: 14px;
    color: #262626;
  }
`

export const SelectDataContent = styled.div`
  background: #f0f5ff;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 17px;
  margin-bottom: 16px;
`

export const SelectItemContent = styled.div`
  margin-left: 7px;
  label {
    font-size: 13px;
    color: #262626;
  }
  span {
    font-size: 13px;
    color: #3370da;
  }
`
